<div class="headerTop">
    <div class="logo fl"><a href="/"><img src="images/zycjindex_03.png"/></a></div>
    <div class="navWap fr"> <a href="javascript:;"><img src="images/M_index_03.png"  /></a> </div>
    <div class="navList">
    	<ul>
        	<li  class="dkjt dkjtyou"><a href="#">About</a>
                <div class="navSub">
                    <ul>
                        <li><a href="#">Company Profile</a></li>
                        <li><a href="#">Culture</a></li>
                        <!--<li><a href="#">Contact Us</a></li>-->
                    </ul>
                </div>
            </li>
            <li><a href="#">News</a></li>
            <li  class="dkjt dkjtyou"><a href="#">Services</a>
                <div class="navSub">
                    <ul>
                        <li><a href="#">Surface Systems</a></li>
                        <li><a href="#">Open Hole Logging Services</a></li>
                        <li><a href="#">Cased Hole Logging Services</a></li>
                        <li><a href="#">Perforation</a></li>
                        <li><a href="#">MWD/LWD/DD</a></li>
                        <li><a href="#">Engineering Services</a></li>
                        <li><a href="#">Data Services</a></li>
                    </ul>
                </div>
            </li>
			<li><a href="#">Techonology</a></li>
			<li><a href="#">Career</a></li>
			<li><a href="#">Contact</a></li>
        </ul>
    </div>
    <div class="clear"></div>
</div>
<script type="text/javascript">
	$(function(){
		var coun = 0;
		var coungb = 0;
		$(".navWap a").click(function(){
			coungb++;
			if(coungb % 2 == 0){
				console.log(coungb % 2 );
					$(".navList").slideToggle();
					$(this).find("img").attr("src",'images/M_index_03.png');
					$(".navSub").slideUp(); 
					$(".navList>ul>li").slideDown();  
					$(".navList>ul>li.dkjt>a").slideDown();
					$(".navList>ul>li.dkjt").find('a').removeClass('gbjt');
					$(".navList>ul>li.dkjt").addClass('dkjtyou');
					coun = 2;
				}else{
					console.log(coungb % 2 );
					$(".navList").slideToggle();
					$(this).find("img").attr("src",'images/M_index_03_gb.png');
					$(".navSub").slideUp(); 
					$(".navList>ul>li").slideDown();  
					$(".navList>ul>li.dkjt>a").slideDown();
					$(".navList>ul>li.dkjt").find('a').removeClass('gbjt');
					$(".navList>ul>li.dkjt").addClass('dkjtyou');
					coun = 2;
					}
				
			})
		$(".navList>ul>li.dkjt").click(function(){
			coun++;
			if(coun % 2 == 0){
				console.log(coun % 2);
				$(".navSub").slideUp(); 
				$(".navList>ul>li").slideDown();  
				$(".navList>ul>li.dkjt>a").slideDown();
				$(this).find('a').removeClass('gbjt');
				$(".navList>ul>li.dkjt").addClass('dkjtyou');
			}else{
				console.log(coun % 2);
				$(".navList>ul>li").hide(); 
				$(this).show(); 
				$(this).find('a').addClass('gbjt');
				$('.navSub>ul>li>a').removeClass('gbjt');
				$(".navList>ul>li").removeClass('dkjtyou');
				$(this).find('.navSub').slideDown();
				}
			})
		$(".navSub").click(function(){
			return false;
		})
				
	})
</script>